<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>顾客评价</title>
    <!-- Bootstrap -->
    <link href="../assets/css/mui.min.css" rel="stylesheet">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet" />
    <link href="../assets/css/boss_content.css" rel="stylesheet" />
  </head>

  <body>
    <header id="header" class="mui-bar mui-bar-nav">
      <h1 class="mui-title">顾客评价</h1>
      <button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
      <span class="mui-icon mui-icon-left-nav"></span>返回</button>
      <a class="mui-pull-right headerright"><i class="icon iconfont icon-gengduo"></i></a>
    </header>
    <div class="mui-content">
      <!--评价样式-->
      <div class="evaluate-list kuaibgColor mui-row">
        <div class="mui-col-xs-4 all-evaluate-list evaluate-active">全部评价(22)</div>
        <div class="mui-col-xs-4 good-evaluate-list">好评(19)</div>
        <div class="mui-col-xs-4 bad-evaluate-list">差评(3)</div>
      </div>
      <!--评价内容-->
      <div class="evaluate-content all-evaluate">
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
      </div>
      <div class="evaluate-content good-evaluate hidden">
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王土土</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王土土</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王土土</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
      </div>
      <div class="evaluate-content bad-evaluate hidden">
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王潇潇</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王潇潇</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
        <div class="evaluate-item kuaibgColor">
          <div class="mui-col-xs-12 mui-row">
            <div class="evaluate-username mui-pull-left">王瑶</div>
            <div class="mui-pull-right">rrrrrrrrrrrrrrrrrrrr</div>
          </div>
          <div class="evaluate-word mui-col-xs-12 mui-row">
            老板很爽，送了两盘凉菜，菜量很足，味道非常棒！
          </div>
          <div class="mui-col-xs-12 mui-row">
            <div class="mui-pull-left evaluate-time">2017-01-25</div>
            <div class="mui-pull-right evaluate-huifu"><a href="订单明细.html">回复</a></div>
          </div>
        </div>
      </div>
    </div>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/mui.js"></script>
    <script type="text/javascript">
      $('.all-evaluate-list').on('click',function(){
        $('.all-evaluate-list').addClass('evaluate-active');
        $('.good-evaluate-list').removeClass('evaluate-active');
        $('.bad-evaluate-list').removeClass('evaluate-active');
        $('.all-evaluate').removeClass('hidden');
        $('.good-evaluate').addClass('hidden');
        $('.bad-evaluate').addClass('hidden');
      })
      $('.good-evaluate-list').on('click',function(){
        $('.good-evaluate-list').addClass('evaluate-active');
        $('.all-evaluate-list').removeClass('evaluate-active');
        $('.bad-evaluate-list').removeClass('evaluate-active');
        $('.all-evaluate').addClass('hidden');
        $('.good-evaluate').removeClass('hidden');
        $('.bad-evaluate').addClass('hidden');
      })
      $('.bad-evaluate-list').on('click',function(){
        $('.bad-evaluate-list').addClass('evaluate-active');
        $('.good-evaluate-list').removeClass('evaluate-active');
        $('.all-evaluate-list').removeClass('evaluate-active');
        $('.all-evaluate').addClass('hidden');
        $('.good-evaluate').addClass('hidden');
        $('.bad-evaluate').removeClass('hidden');
      })
    </script>
  </body>

</html>